<template lang="html">
	<div class="banner-lbt">
		<swiper :options="swiperOption">
		    <!-- slides -->
		    <swiper-slide v-for="(item,index) in banners" :key="index">
		    	<img :src="item.activity.img" alt="">
		    </swiper-slide>
		    <!-- Optional controls -->
		    <div class="swiper-pagination"  slot="pagination"></div>
		</swiper>
	</div>
</template>

<script>
import 'swiper/dist/css/swiper.css'
import { swiper, swiperSlide } from 'vue-awesome-swiper'
	export default{
		name: "BannerLbt",
		data(){
			return{
				swiperOption: {
          loop : true,
          autoplay:true,
          pagination: {
            el: '.swiper-pagination'
          }
        },
			}
		},
		props:{
			banners:{
				type:Array,
				default:function(){
					return[]
				}
			}
		},
		components:{
			swiper, 
			swiperSlide
		}
	}
</script>

<style lang="less" scoped>
  .banner-lbt img{
  	width: 100%;
  	height: 2.8rem;
  }
</style>